.shopTopDiv{
	display:-webkit-box;
	height: 4.58rem;
	line-height: 4.58rem;
	background-color:#C2B9C5;
	color: white;
	font-weight: bold;
	width: 100%;
	position: fixed;
	top: 0rem;
}
.shopName{
	display:-webkit-box;
	height: 10rem;
	width: 100%;
	background-color:#C2B9C5;
	color: white;
	-webkit-box-orient: vertical;
	position: fixed;
	top: 4.58rem;
}
.shopNametop{
	display:-webkit-box;
	height: 7.5rem;
}
.shopNametop-1{
	margin: 0.416rem 1.66rem 0.416rem 1.66rem;
}
.shopNametop-1 img{
	width: 6.66rem;
	height:6.66rem;
	border-radius: 1rem;
}
.shopNametop-2{
	display:-webkit-box;
	-webkit-box-flex: 1;
	-webkit-box-orient: vertical;
	margin-right: 1.66rem;
}
.shopNametop-2-1{
	font-size: 1.66rem;
	font-weight: bold;
	margin-top: 0.25rem;
}
.shopNametop-2-2{
	font-size: 1.1rem;
	margin-top: 0.3rem;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.shopNamefoot{
	display:-webkit-box;
	font-size: 1.1rem;
	height: 1.66rem;
	margin-top: 0.5rem;
}
.shopNamefoot1{
	margin:0rem 1.66rem;
	height: 1.66rem;
	width: 1.66rem;
	text-align: center;
	background-color: #70BC46;
}
.shopNamefoot2{
	width: 60%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.shopNamefoot3{
	margin-left:1.5rem;
	margin-right: 1.66rem;
	height: 1.66rem;
	width: 5rem;
	text-align: center;
}
.span2{
	float: right;
	margin-right: 0.83rem;
}
.divShop{
	display:-webkit-box;
	background-color: white;
	height: 4.1rem;
	position: fixed;
	top: 14.58rem;
	width: 100%;
}
.divshop-1{
	display:-webkit-box;
	height: 4.1rem;
	-webkit-box-flex: 1;
	-webkit-box-pack: center;
	-webkit-box-align: center;
	color: #666666;
}

.shopClass{

	position: fixed;
	top: 18.68rem;
	bottom: 5.14rem;
	width: 100%;
	display:-webkit-box;
}
.shopClass-left{
	display:-webkit-box;
	width: 30%;
	-webkit-box-orient: vertical;
	color: #666666;
	font-size: 1.5rem;
	position: absolute;
	top: 0rem;
	left: 0rem;
	bottom: 0rem;
	z-index: -2;
	overflow-y: auto;
}
.shopClass-right{
	display:-webkit-box;
	-webkit-box-orient: vertical;
	width: 70%;
	position: absolute;
	right: 0rem;
	top: 0rem;
	bottom: 0rem;
	z-index: -2;
	overflow-y: auto;
}

.shopClass-left-1{
	/*display:-webkit-box;*/
	height: 5rem;
	line-height: 5rem;
	text-align: center;
}

.shopClass-right-1{
	height: 3.33rem;
	background-color: #F1F1F1;
	line-height: 3.33rem;
	color: #999999;
	font-size: 1.1rem;
	position: fixed;
	width: 70%;
	z-index: 2;
}
.shopClass-right-1 .span1{
	font-size: 1.5rem;
	font-weight: bold;
	margin: 0rem 0.83rem;
	color: #666666;
}
.shopClass-right-2{
	display:-webkit-box;
	-webkit-box-orient: vertical;
}
.shopClass-right-02{
	display:-webkit-box;
	height: 12.5rem;
}
.shopClass-right-02-left{
	margin-top: 1.66rem;
}
.shopClass-right-02-left img{
	height: 5.83rem;
	width: 5.83rem;
}
.shopClass-right-02-right{
	display:-webkit-box;
	-webkit-box-flex: 1;
	height: 10.83rem;
	margin-top: 1rem;
	-webkit-box-orient: vertical;
	margin-left: 0.83rem;
}
.shopCr02r-top{
	height: 2.5rem;
	line-height: 2.5rem;
	font-size: 1.5rem;
	font-weight: bold;
	color: #333333;
	
}
.shopCr02r-top0{
	display:-webkit-box;
	-webkit-box-orient: vertical;
	height: 2.5rem;
	line-height: 1.25rem;
	font-size: 1.1rem;
	color: #666666;
	word-break: break-word;
	overflow: hidden;
	-webkit-line-clamp: 2;
	margin-right: 0.38rem;
}
.shopCr02r-top1{
	height: 1.66rem;
	line-height: 1.66rem;
	font-size: 1.1rem;
	color: #999999;
	margin-top: 0.38rem;
}
.shopCr02r-top2{
	display:-webkit-box;
	height: 3.33rem;
	font-weight: bold;
	line-height:3.33rem;
	font-size: 1.66rem;
	color: #FF802C;
}
.d1{
	display:-webkit-box;
	-webkit-box-flex: 1;
}
.d2{
	display:-webkit-box;
	-webkit-box-pack: center;
	-webkit-box-align: center;
	margin-right: 1rem;
}
.d2 .inp{
	display:-webkit-box;
	width: 2rem;
	height: 2.5rem;
	-webkit-box-pack: center;
	border: 0px;
	color: #666666;
	-webkit-box-align: center;
	
}
.d2 span{
	display:-webkit-box;
	background-color: #3190E8;
	width: 2rem;
	height: 2rem;
	-webkit-box-pack: center;
	-webkit-box-align: center;
	border-radius: 1rem;
	color: white;
}
.d2 .span1{
	background-color: white;
	border: 1px solid #3190E8;
	color: #3190E8;
}
.shopFoot{
	display:-webkit-box;
	width: 100%;
	height: 5.41rem;
	color: white;
	position: fixed;
	bottom: 0rem;
}

.shopFoot-left{
	width: 70%;
	height: 5.41rem;
	background-color:#474749;
	position: relative;
	padding-left: 10rem;
}
.shopFoot-flot{
	width:5.83rem;
	height: 5.83rem;
	position: absolute;
	top: -0.83rem;
	left: 3.33rem;
	border-radius: 3.75rem;
	border: 0.83rem solid #5C5C5E;
	background-color:#474749;
	line-height: 5rem;
	text-align: center;
	font-size: 3.33rem;
	color: #67676B;
}
.shopFoot-left .p1{
	font-size: 1.66rem;
	height: 2rem;
	line-height: 2rem;
	margin-top: 0.83rem;
}
.shopFoot-left .p2{
	font-size: 1.1rem;
	height: 1.66rem;
	line-height: 1.66rem;
}
.shopFoot-right{
	width: 30%;
	height: 5.41rem;
	background-color:#5C5C5E;
	line-height: 5.41rem;
	text-align: center;
	font-size: 1.33rem;
	font-weight: bold;
}
.shopFoot-right1{
	width: 30%;
	height: 5.41rem;
	background-color:#55DB6C;
	line-height: 5.41rem;
	text-align: center;
	font-size: 1.33rem;
	font-weight: bold;
	color: white;
}
.shopdivhide{
	display:-webkit-box;
	-webkit-box-orient: vertical;
	background-color: white;
	position: absolute;
	top: 4.6rem;
	bottom: 0rem;
	left: 100%;
	width: 100%;
	z-index: 100;
}
.active {
	-webkit-animation: donghua 0.5s 1;
	-webkit-animation-fill-mode: forwards;
}

@-webkit-keyframes donghua {
	from {
		left: 100%;
	}
	to {
		left: 0rem;
	}
}
.active1 {
	-webkit-animation: donghua1 0.5s 1;
	-webkit-animation-fill-mode: forwards;
}

@-webkit-keyframes donghua1 {
	from {
		left: 0rem;
	}
	to {
		left: 100%;
		/*display: none;*/
	}
}
.shopdivhide-1{
	display:-webkit-box;
	height: 4.16rem;
	border-top: 0.83rem solid #EEEEEE;
	color: #666666;
	-webkit-box-align: center;
	text-indent: 1rem;
	font-size: 1.6rem;
	border-bottom: 1px solid #EEEEEE;
	
}
.shopdivhide-2{
	display:-webkit-box;
	min-height: 4.16rem;
	color: #666666;
	text-indent: 1rem;
	border-bottom: 1px solid #EEEEEE;
	-webkit-box-align: center;
	font-size: 1.1rem;
	margin: 0rem 1rem;
}
